@charset "utf-8";
/* CSS Document */

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,summary,section,article,aside,nav,hgroup,address,figure,figcaption,main,menu,details{display:block;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary,select {outline:0;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6,small {font-size:100%;}
sup,sub {font-size:83%;}
input[type="text"], input[type="password"], textarea {outline-style: none;-webkit-appearance: none;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;vertical-align:top;}
label,summary{cursor:default;}
input,button,textarea,select{*font-size:100%}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:normal;}
del,ins,u,s,a,a:hover{text-decoration:none;}
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
a,button{cursor:pointer;}
a:active, a:hover { outline: 0 }
body{ font-size: 22px; font-family:"微软雅黑";}


/* 整体样式 */
#main { position: absolute; width: 3328px; height: 512px;}
.ztbj_mxr_20200525{ background: url(background.jpg) top center no-repeat; background-size: 100% 100%;}

.tjxw_gd{ width: 1510px; height: 512px; overflow: hidden; position: relative; float: left; z-index: 99;}
.tjxw_gd-1 ul li{width: 1510px; overflow: hidden; line-height: 26px; color: #fff;}
.tjxw_gd-2{ position: absolute; left: 245px; top: 70px; z-index: 99;}
.tjxw_gd-2 ul li{ width: 150px; height: 32px; text-align: center; line-height: 32px; color: #fff; overflow: hidden; outline: none; font-size: 30px; display: none}
.tjxw_gd-2 ul .on{ display: block;}
.tjxw_gd-3{position: absolute; width: 515px; height: 30px; top: 60px; left: 60px;}
.tjxw_gd-3 .prev{ float: left;}
.tjxw_gd-3 .next{ float: right;}

.clear_80{ clear: both; height: 80px;}
.csxz_left_mxr0525{ float: left; width: 380px; padding: 30px 185px 30px 130px; overflow: hidden;}
.csxz_csqh_mxr0525{ text-align: center; color: #898e9a;}
.csxz_aqi_mxr0525{ clear:both; overflow: hidden;}
.csxz_aqi_mxr0525 p{ font-size: 47px; line-height: 60px; text-align: center; font-weight: 600;}
.csxz_aqi_mxr0525 span{ width: 162px; height: 43px; text-align: center; margin: 0 auto; display: block; line-height: 43px; color: #272f44; margin-top: 10px; font-size: 20px;}
.csxz_aqi_01_mxr0525 span{ background: url(aqi1.png) top center no-repeat;}
.csxz_aqi_02_mxr0525 span{ background: url(aqi2.png) top center no-repeat;}
.csxz_aqi_03_mxr0525 span{ background: url(aqi3.png) top center no-repeat;}
.csxz_aqi_04_mxr0525 span{ background: url(aqi4.png) top center no-repeat;}
.csxz_aqi_05_mxr0525 span{ background: url(aqi5.png) top center no-repeat;}
.csxz_aqi_06_mxr0525 span{ background: url(aqi6.png) top center no-repeat;}

.csxz_wzxs_mxr0525{ clear: both; overflow: hidden; padding-left:60px; margin-top: 25px; height: 50px; width: 330px;}
.csxz_wzxs_mxr0525 span{ vertical-align: middle; width: 95%; display: inline-block;}
.csxz_wzxs_mxr0525:after { content: " "; height: 100%; width: 1%; vertical-align: middle; display: inline-block;}
.csxz_wzxs_01_mxr0525{ background: url(emoji1.png) left center no-repeat; background-size: 50px 50px;}
.csxz_wzxs_02_mxr0525{ background: url(emoji2.png) left center no-repeat; background-size: 50px 50px;}
.csxz_wzxs_03_mxr0525{ background: url(emoji3.png) left center no-repeat; background-size: 50px 50px;}
.csxz_wzxs_04_mxr0525{ background: url(emoji4.png) left center no-repeat; background-size: 50px 50px;}
.csxz_wzxs_05_mxr0525{ background: url(emoji5.png) left center no-repeat; background-size: 50px 50px;}
.csxz_wzxs_06_mxr0525{ background: url(emoji6.png) left center no-repeat; background-size: 50px 50px;}

.csxz_zywrw_mxr0525{ clear: both; padding-top: 35px; text-align: center;}
.csxz_zywrw_mxr0525 p{ font-size: 18px; line-height: 20px;}
.csxz_zywrw_mxr0525 span{ display: block; font-size: 24px; font-weight: 600; padding: 15px 0; height: 24px;}
.csxz_zywrw_mxr0525 del{ font-size: 20px;}

.csxz_right_mxr0525{ float: right; width: 810px; height: 462px; overflow: hidden; padding: 50px 0 0 0; position: relative;}
.csxz_gxsj_mxr0525{ position: absolute; z-index: 99; top: 40px; left: 360px; font-size: 20px; line-height: 30px;}
.csxz_gxsj_mxr0525 span{ font-size: 24px; font-weight: 600; display: block;}
.jynslqk{ width:810px; height: 480px;}
.jynslqk_echarts{ width: 800px;height: 480px; color: #fff;}


/* 地图定位 */
.sthj_dtxz_mxr0525{ float: left; width: 700px; height: 512px; position: relative; overflow: hidden; font-size: 22px; color: #fff; font-weight: 600; z-index: 99;}
/* 白城 */
.sthj_dtxz_fdbc_mxr0525{ position: absolute; z-index: 99; top: 35px; left: 30px; width: 146px; height: 143px;}
.sthj_dtxz_fdbc_mxr0525 span{ position: absolute; z-index: 110; top: 50px; left: 57px; text-shadow:0px 0px 3px rgba(0,0,0,0.65);}
.sthj_dtxz_fdbc_01_mxr0525{ background: url(baicheng1.png) top center no-repeat;}
.sthj_dtxz_fdbc_02_mxr0525{ background: url(baicheng2.png) top center no-repeat;}
.sthj_dtxz_fdbc_03_mxr0525{ background: url(baicheng3.png) top center no-repeat;}
.sthj_dtxz_fdbc_04_mxr0525{ background: url(baicheng4.png) top center no-repeat;}
.sthj_dtxz_fdbc_05_mxr0525{ background: url(baicheng5.png) top center no-repeat;}
.sthj_dtxz_fdbc_06_mxr0525{ background: url(baicheng6.png) top center no-repeat;}
/* 松原 */
.sthj_dtxz_fdsy_mxr0525{ position: absolute; z-index: 99; top: 91px; left: 105px; width: 168px; height: 107px;}
.sthj_dtxz_fdsy_mxr0525 span{ position: absolute; z-index: 110; top: 35px; left: 40px; text-shadow:0px 0px 3px rgba(0,0,0,0.65);}
.sthj_dtxz_fdsy_01_mxr0525{ background: url(songyuan1.png) top center no-repeat;}
.sthj_dtxz_fdsy_02_mxr0525{ background: url(songyuan2.png) top center no-repeat;}
.sthj_dtxz_fdsy_03_mxr0525{ background: url(songyuan3.png) top center no-repeat;}
.sthj_dtxz_fdsy_04_mxr0525{ background: url(songyuan4.png) top center no-repeat;}
.sthj_dtxz_fdsy_05_mxr0525{ background: url(songyuan5.png) top center no-repeat;}
.sthj_dtxz_fdsy_06_mxr0525{ background: url(songyuan6.png) top center no-repeat;}
/* 长春 */
.sthj_dtxz_fdcc_mxr0525{ position: absolute; z-index: 99; top: 111px; left: 185px; width: 137px; height: 139px;}
.sthj_dtxz_fdcc_mxr0525 span{ position: absolute; z-index: 110; top: 50px; left: 40px; text-shadow:0px 0px 3px rgba(0,0,0,0.65);}
.sthj_dtxz_fdcc_01_mxr0525{ background: url(changchun1.png) top center no-repeat;}
.sthj_dtxz_fdcc_02_mxr0525{ background: url(changchun2.png) top center no-repeat;}
.sthj_dtxz_fdcc_03_mxr0525{ background: url(changchun3.png) top center no-repeat;}
.sthj_dtxz_fdcc_04_mxr0525{ background: url(changchun4.png) top center no-repeat;}
.sthj_dtxz_fdcc_05_mxr0525{ background: url(changchun5.png) top center no-repeat;}
.sthj_dtxz_fdcc_06_mxr0525{ background: url(changchun6.png) top center no-repeat;}
/* 四平 */
.sthj_dtxz_fdsp_mxr0525{ position: absolute; z-index: 99; top: 186px; left: 114px; width: 136px; height: 94px;}
.sthj_dtxz_fdsp_mxr0525 span{ position: absolute; z-index: 110; top: 25px; left: 45px; text-shadow:0px 0px 3px rgba(0,0,0,0.65);}
.sthj_dtxz_fdsp_01_mxr0525{ background: url(siping1.png) top center no-repeat;}
.sthj_dtxz_fdsp_02_mxr0525{ background: url(siping2.png) top center no-repeat;}
.sthj_dtxz_fdsp_03_mxr0525{ background: url(siping3.png) top center no-repeat;}
.sthj_dtxz_fdsp_04_mxr0525{ background: url(siping4.png) top center no-repeat;}
.sthj_dtxz_fdsp_05_mxr0525{ background: url(siping5.png) top center no-repeat;}
.sthj_dtxz_fdsp_06_mxr0525{ background: url(siping6.png) top center no-repeat;}
/* 吉林 */
.sthj_dtxz_fdjl_mxr0525{ position: absolute; z-index: 99; top: 152px; left: 246px; width: 124px; height: 147px;}
.sthj_dtxz_fdjl_mxr0525 span{ position: absolute; z-index: 110; top: 65px; left: 45px; text-shadow:0px 0px 3px rgba(0,0,0,0.65);}
.sthj_dtxz_fdjl_01_mxr0525{ background: url(jilin1.png) top center no-repeat;}
.sthj_dtxz_fdjl_02_mxr0525{ background: url(jilin2.png) top center no-repeat;}
.sthj_dtxz_fdjl_03_mxr0525{ background: url(jilin3.png) top center no-repeat;}
.sthj_dtxz_fdjl_04_mxr0525{ background: url(jilin4.png) top center no-repeat;}
.sthj_dtxz_fdjl_05_mxr0525{ background: url(jilin5.png) top center no-repeat;}
.sthj_dtxz_fdjl_06_mxr0525{ background: url(jilin6.png) top center no-repeat;}
/* 辽源 */
.sthj_dtxz_fdly_mxr0525{ position: absolute; z-index: 99; top: 254px; left: 198px; width: 55px; height: 63px;}
.sthj_dtxz_fdly_mxr0525 span{ position: absolute; z-index: 110; top: 15px; left: 10px; text-shadow:0px 0px 3px rgba(0,0,0,0.65);}
.sthj_dtxz_fdly_01_mxr0525{ background: url(liaoyuan1.png) top center no-repeat;}
.sthj_dtxz_fdly_02_mxr0525{ background: url(liaoyuan2.png) top center no-repeat;}
.sthj_dtxz_fdly_03_mxr0525{ background: url(liaoyuan3.png) top center no-repeat;}
.sthj_dtxz_fdly_04_mxr0525{ background: url(liaoyuan4.png) top center no-repeat;}
.sthj_dtxz_fdly_05_mxr0525{ background: url(liaoyuan5.png) top center no-repeat;}
.sthj_dtxz_fdly_06_mxr0525{ background: url(liaoyuan6.png) top center no-repeat;}
/* 通化 */
.sthj_dtxz_fdth_mxr0525{ position: absolute; z-index: 99; top: 269px; left: 223px; width: 82px; height: 150px;}
.sthj_dtxz_fdth_mxr0525 span{ position: absolute; z-index: 110; top: 70px; left: 12px; text-shadow:0px 0px 3px rgba(0,0,0,0.65);}
.sthj_dtxz_fdth_01_mxr0525{ background: url(tonghua1.png) top center no-repeat;}
.sthj_dtxz_fdth_02_mxr0525{ background: url(tonghua2.png) top center no-repeat;}
.sthj_dtxz_fdth_03_mxr0525{ background: url(tonghua3.png) top center no-repeat;}
.sthj_dtxz_fdth_04_mxr0525{ background: url(tonghua4.png) top center no-repeat;}
.sthj_dtxz_fdth_05_mxr0525{ background: url(tonghua5.png) top center no-repeat;}
.sthj_dtxz_fdth_06_mxr0525{ background: url(tonghua6.png) top center no-repeat;}
/* 白山 */
.sthj_dtxz_fdbs_mxr0525{ position: absolute; z-index: 99; top: 280px; left: 272px; width: 125px; height: 104px;}
.sthj_dtxz_fdbs_mxr0525 span{ position: absolute; z-index: 110; top: 40px; left: 50px; text-shadow:0px 0px 3px rgba(0,0,0,0.65);}
.sthj_dtxz_fdbs_01_mxr0525{ background: url(baishan1.png) top center no-repeat;}
.sthj_dtxz_fdbs_02_mxr0525{ background: url(baishan2.png) top center no-repeat;}
.sthj_dtxz_fdbs_03_mxr0525{ background: url(baishan3.png) top center no-repeat;}
.sthj_dtxz_fdbs_04_mxr0525{ background: url(baishan4.png) top center no-repeat;}
.sthj_dtxz_fdbs_05_mxr0525{ background: url(baishan5.png) top center no-repeat;}
.sthj_dtxz_fdbs_06_mxr0525{ background: url(baishan6.png) top center no-repeat;}
/* 延边 */
.sthj_dtxz_fdyb_mxr0525{ position: absolute; z-index: 99; top: 160px; left: 348px; width: 213px; height: 178px;}
.sthj_dtxz_fdyb_mxr0525 span{ position: absolute; z-index: 110; top: 95px; left: 70px; text-shadow:0px 0px 3px rgba(0,0,0,0.65);}
.sthj_dtxz_fdyb_01_mxr0525{ background: url(yanbian1.png) top center no-repeat;}
.sthj_dtxz_fdyb_02_mxr0525{ background: url(yanbian2.png) top center no-repeat;}
.sthj_dtxz_fdyb_03_mxr0525{ background: url(yanbian3.png) top center no-repeat;}
.sthj_dtxz_fdyb_04_mxr0525{ background: url(yanbian4.png) top center no-repeat;}
.sthj_dtxz_fdyb_05_mxr0525{ background: url(yanbian5.png) top center no-repeat;}
.sthj_dtxz_fdyb_06_mxr0525{ background: url(yanbian6.png) top center no-repeat;}

.sthj_dtxz_zstp_mxr0525{ position: absolute; z-index: 99; bottom: 15px; left: 100px; font-weight: 100; font-size: 20px;}
.sthj_dtxz_zstp_mxr0525 span{ display: block; float: left; padding-right: 30px; width: 42px; text-align: center;}

/* 水质状况 */
.sthj_szzk_mxr0525{ float: left; width: 100%!important; height: 512px; overflow: hidden; line-height: 40px; color: #fff;}
.sthj_szzk_mxr0525 p{ text-align: center; line-height: 30px; font-size: 25px; font-weight: 600; padding: 30px 0;}

.sthj_szzk_bg_mxr0525{ clear: both; width: 100%; height: 380px; position: relative;}
.sthj_szzk_bg_mxr0525 table{ border: 1px #fff solid;}
#demo { overflow:hidden; height: 360px; ext-align: center; float: left;}
@media screen and (max-width: 768px){
.sthj_bzt_zx_mxr0525{display:none}
.sthj_bzt_dmmc_mxr0525{    top: 400px;
    width: 100%;
    left: 0;}
.sthj_szzk_mxr0525,.sthj_szzk_bg_mxr0525{ height:800px;}
.sthj_bzt_fd_mxr0525{    left: 30%;}
}
/*滚动条整体样式*/
.sthj_szzk_bg_mxr0525::-webkit-scrollbar { width: 4px; height: 1px;} /*高宽分别对应横竖滚动条的尺寸*/
/*滚动条里面小方块*/
.sthj_szzk_bg_mxr0525::-webkit-scrollbar-thumb { width: 10px; border-radius: 5px; background: #26a9e9; display: block;}
/*滚动条里面轨道*/
.sthj_szzk_bg_mxr0525::-webkit-scrollbar-track { background: #8b95a6; border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);}

.sthj_bzt_mxr0525{ width: 100%; height: 310px;}
.sthj_bzt_fd_mxr0525{ position: absolute; z-index: 99; top: 150px; left: 44%; font-size: 22px; text-align: center;}
.sthj_bzt_fd_mxr0525 p{ font-weight: 100; font-size: 20px; padding: 10px 0; letter-spacing: 4px;}
.sthj_bzt_fd_mxr0525 span{ font-size: 60px; font-weight: 500;}
.sthj_bzt_zx_mxr0525{display: none; position: absolute; top: 50px; left: 244px; height: 2px; width: 170px; background: #8c9eb3;}
.sthj_bzt_xx_mxr0525:before{display: none; content: ""; position: absolute; width: 2px; height: 30px; top: 52px; left: 415px; background: #8c9eb3; transform: rotate(-70deg); transform-origin: top;}
.sthj_bzt_dmmc_mxr0525{ position: absolute; z-index: 99; top: 10%; left: 103px;  text-align: center; line-height: 30px; font-weight: 600;}
.sthj_bzt_dmmc_mxr0525 span{ display: block; border: 2px #8c9eb3 solid; text-align: left;   margin-top: 10px; font-weight: 100;}

.sthjt_sjzs{ width: 100%; height: 100px; text-align:center;}


/* 响应式 */

/*@media only screen and (min-width: 768px) and (max-width: 1920px){
.ztbj_mxr_20200525{ background:#1f2746; width: 100%; height: auto;  overflow: hidden;}
.container { width: 100%!important; height: 800px!important;}
.tjxw_gd{ width: 1200px; height: 512px; margin: 0 auto; clear: both; position: relative; overflow: hidden; float: none;}
.tjxw_gd-1 ul li{width: 1200px; overflow: hidden; line-height: 26px; color: #fff;}
.tjxw_gd-2{ position: absolute; left: 150px; top: 70px; z-index: 99;}
.tjxw_gd-3{position: absolute; width: 380px; height: 30px; top: 60px; left: 10px;}
.csxz_left_mxr0525{ float: left; width: 380px; padding: 30px 10px; overflow: hidden;}
.csxz_right_mxr0525{ float: right; width: 720px; height: 462px; overflow: hidden; padding: 70px 0 0 0; position: relative;}
.csxz_gxsj_mxr0525{ position: absolute; z-index: 99; top: 40px; left: 300px; font-size: 14px; line-height: 30px;}
.jynslqk{ width:720px; height: 480px;}
.jynslqk_echarts{ width: 720px;height: 480px; color: #fff;}

.sthj_dtxz_mxr0525{ float: none; width: 580px; height: 530px; margin: 30px auto; position: relative; overflow: hidden; font-size: 18px; color: #fff; font-weight: 600;}
.sthj_dtxz_zstp_mxr0525{ position: absolute; z-index: 99; bottom: 15px; left: 100px; font-weight: 100; font-size: 16px;}

.sthj_szzk_mxr0525{ float: none; width: 1080px; margin: 0 auto; height: 550px; overflow: hidden; line-height: 40px; color: #fff;}
}*/